<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Evo Slider - Support</title>


<!--imports the main css file-->
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
<link rel="Stylesheet" href="css/jquery.zrssfeed.css" type="text/css" />

<!--imports jquery-->
<script type="text/javascript" src="./js/jquery-1.7.1.min.js"></script>
<!--imports twitter feed plugin-->
<script type="text/javascript" src="./js/jquery.tweet.js"></script>
<!--imports easing plugin-->
<script type="text/javascript" src="./js/easing.js"></script>
<!--imports jQuery Tools plugin-->
<script type="text/javascript" src="js/jquery.tools.min.js"></script>

<script type="text/javascript" src="./js/jquery.zrssfeed.min.js"></script>

<!--imports custom javascript code-->
<script type="text/javascript" src="js/custom.js"></script>

<script type="text/javascript">
	$(document).ready(function(){	
		$('#latestNews').rssfeed('http://feeds.feedburner.com/EvoSlider', {
		    limit: 5,
		    linktarget: "_blank",
		    header: false,
		    content: false
	    });		
	});			
</script>

<!--[if IE 7]><link href="css/ie7.css" rel="stylesheet" type="text/css" media="screen" /><![endif]-->

<meta charset="UTF-8"></head>

<body>
	
	<div id="wrapper">	
	    <div id="header_social">
	        <iframe src="//www.facebook.com/plugins/like.php?href&amp;send=false&amp;layout=button_count&amp;width=100&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>

	        <a href="https://twitter.com/share" class="twitter-share-button" data-via="evoslider">Tweet</a>
            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
	    </div>	
	    
		<div id="header">
			
			<div id="logo">
				<h1><a href="./index.html">Evo Slider</a></h1>
				<p class="main-subtitle">jquery slideshow &amp; content slider plugin</p>
			</div><!-- end logo -->
			
			<ul id="navigation">
				<li><a href="./index.html">Home</a></li>
				<li><a href="./features.html">Features</a></li>
				<li><a href="./download.html">Download</a></li>
				<li><a href="./demo.html">Demo</a>
					<ul>
					    <li><a href="./demo.html">Alternate Layout 1</a></li>
					    <li><a href="demo2.html">Alternate Layout 2</a></li>
					    <li><a href="./demo3.html">Alternate Layout 3</a></li>
					    <li><a href="./demo4.html">Alternate Layout 4</a></li>
					    <li><a href="./demo5.html">Alternate Layout 5</a></li>	
					    <li><a href="./demo6.html">Alternate Layout 6</a></li>
					    <li><a href="./demo7.html">Alternate Layout 7</a></li>	
					</ul>
				</li>
				<li><a class="active" href="./support.html">Help/Support</a></li>
			</ul>
			<div class="clear"></div>
		</div><!-- end header -->
		
	<!-- Main Content -->
		<div id="main-content" class="mc-left">
			<h2>Support</h2>
			<p>We have provided a solid documentation for Evo Slider in the downloaded file, 
			so take your time to explore it if you want to learn more 
			about how to customize the Evo Slider.</p>
			
			<p>The most basic stuff about Evo Slider can be found in the Installation and in the Quickstart Reference. 
			Make sure you read these tutorials before you install Evo Slider. </p>
			
			<p>If after exploring the documentation you don&#39;t find the answer, 
			you can find or post your question in the discussion section of 
                the Evo Slider in the CodeCanyon. Or, contact us here: <a href="mailto:help@evoslider.com">help@evoslider.com</a>. </p>
            
            <p>We also have collected some of the most common question about Evo Slider in the FAQ section. 
            Read it below!</p>
						
			<div class="separator-line"></div>
			
			<h3>FAQ</h3>			
			<div class="toggle-container">
				<div class="toggle-header">
					<h4>What are the minimum requirements?</h4>
					<a class="toggle-link toggle-open" href="#"></a>
					<div class="clear"></div>
				</div>
				<div class="toggle-content">	
					<p>
					Evo Slider requires jQuery library to run. You can download the latest version of 
			        the jQuery library <a target="_blank" href="http://jquery.com">here</a>. 
			        </p>
				</div>
			</div><!-- end toggle-container -->	
			
			<div class="toggle-container">
				<div class="toggle-header">
					<h4>What are the compatible browsers?</h4>
					<a class="toggle-link toggle-open" href="#"></a>
					<div class="clear"></div>
				</div>
				<div class="toggle-content">	
					<p>			
			        Evo Slider is compatible with most modern browsers including Internet Explorer v7+, Firefox v3.6+, 
			        Google Chrome v4+, Safari v4+, Opera v10.5+. 
			        </p>
				</div>
			</div><!-- end toggle-container -->	
			
			<div class="toggle-container">
				<div class="toggle-header">
					<h4>How to buy the Pro version?</h4>
					<a class="toggle-link toggle-open" href="#"></a>
					<div class="clear"></div>
				</div>
				<div class="toggle-content">	
					<p>
			        You can buy the Evo Slider Pro version through <a href="http://codecanyon.net">CodeCanyon</a> marketplace.
			        </p>
			
			        <p>Currently CodeCanyon accept payments through PayPal. 
			            PayPal can take payments from most major debit/credit cards so don&#39;t worry 
			            if you don&#39;t have a PayPal account. 
			        </p>
				</div>
			</div><!-- end toggle-container -->	
			
			<div class="toggle-container">
				<div class="toggle-header">
					<h4>Can I use Evo Slider in commercial sites and premium themes?</h4>
					<a class="toggle-link toggle-open" href="#"></a>
					<div class="clear"></div>
				</div>
				<div class="toggle-content">	
					<p>
			        You can use the Lite version in as many commercial sites and premium themes as you wish. But,
			         you can not use the Pro version in premium themes based on the Regular License of the CodeCanyon. 
			        </p>
				</div>
			</div><!-- end toggle-container -->
			
			<div class="toggle-container">
				<div class="toggle-header">
					<h4>What type of coding skills do I need to use Evo Slider?</h4>
					<a class="toggle-link toggle-open" href="#"></a>
					<div class="clear"></div>
				</div>
				<div class="toggle-content">	
					<p>The Evo Slider plugin is meant to be very simple to implement. The amount of coding skills required 
					to create an Evo Slider on your website may vary from little to advanced depending on how creative and clever 
					you want to be with your use of Evo Slider.</p>
					
					<p>If you just want an Evo Slider on your website, it&#39;s only requiring minimal HTML and JavaScript knowledge. 
					We offer a few example files for the JavaScript version of Evo Slider that you can copy and paste into your website 
					and start modifying. We have also fully documented all the configuration options available for customizing 
					how users interact with your Evo Slider. Check out the documentation how to get started.</p>
					
					<p>If you want to create your own skin, you have to know about CSS. Using public API requiring you to understand 
					JavaScript.</p>
				</div>
			</div><!-- end toggle-container -->		
			
			<div class="toggle-container">
				<div class="toggle-header">
					<h4>How do I customize my Evo Slider?</h4>
					<a class="toggle-link toggle-open" href="#"></a>
					<div class="clear"></div>
				</div>
				<div class="toggle-content">	
					<p>We offer a number of customization options with Evo Slider so you don&#39;t have to write a bunch of custom code 
					for common configuration changes. Just pass a JavaScript object to the <span class="highlight-2">.evoslider();</span> 
					command to customize how your visitors will interact with your Evo Slider.</p>
					
					<p>For example, if you want to make your Evo Slider play automatically, just set the autoplay option to true:</p>
					
					<pre>
$(".evoslider").evoSlider({autoplay: true});
					</pre>
				</div>
			</div><!-- end toggle-container -->	
			
			<div class="toggle-container">
				<div class="toggle-header">
					<h4>How do I updated to the latest version of the plugin?</h4>
					<a class="toggle-link toggle-open" href="#"></a>
					<div class="clear"></div>
				</div>
				<div class="toggle-content">
				    <p>The latest version of the Lite version will always available in this site. 
				    You can download the latest version of the Pro version from your CodeCanyon account page.</p>
				    <p>Stay connected with us to get the new update.</p>
				</div>
			</div><!-- end toggle-container -->		
			
			<div class="toggle-container">
				<div class="toggle-header">
					<h4>Is it okay to use the Regular License for websites that I create for clients?</h4>
					<a class="toggle-link toggle-open" href="#"></a>
					<div class="clear"></div>
				</div>
				<div class="toggle-content">
				    <p>You can use the Regular License for the single website for your client. If you want to use Evo Slider 
				    in other website, you have to purchase the Regular License again.</p>
				    
				</div>
			</div><!-- end toggle-container -->		
			
			<div class="toggle-container">
				<div class="toggle-header">
					<h4>I&#39;ve placed a video in my Evo Slider, but it shows through the slides, what can I do?</h4>
					<a class="toggle-link toggle-open" href="#"></a>
					<div class="clear"></div>
				</div>
				<div class="toggle-content">	
					<p>Flash doesn&#39;t play nicely all the time with fancy interactions like Evo Slider and the like, 
					luckily there's an easy fix. Just add the the <span class="highlight-2">wmode=&quot;transparent&quot;</span> 
					parameter to your embed code. For example, with a YouTube video embed code:</p>
                    <pre>
&lt;object style="z-index: 1;" width="560" height="300" style="z-index:0;"&gt;
 &lt;param name="wmode" value="transparent"&gt;&lt;/param&gt;
 &lt;param name="movie" value="http://www.youtube.com/v/uU6U-8LP1DY&gt;&lt;/param&gt;
 &lt;param name="allowFullScreen" value="true"&gt;&lt;/param&gt;
 &lt;param name="allowscriptaccess" value="always"&gt;&lt;/param&gt;
 &lt;embed src="http://www.youtube.com/v/uU6U-8LP1DY?version=3&amp;hl=en_US&amp;rel=0" 
  type="application/x-shockwave-flash" width="560" height="300" 
  allowscriptaccess="always" allowfullscreen="true" wmode="transparent"&gt;
 &lt;/embed&gt;
&lt;/object&gt;
                    </pre>
				</div>
			</div><!-- end toggle-container -->	
			
			<div class="toggle-container">
				<div class="toggle-header">
					<h4>How do I create my own skin for Evo Slider?</h4>
					<a class="toggle-link toggle-open" href="#"></a>
					<div class="clear"></div>
				</div>
				<div class="toggle-content">	
					<p>Check out the tutorial in the documentation.</p>
				</div>
			</div><!-- end toggle-container -->
			
			<div class="toggle-container">
				<div class="toggle-header">
					<h4>Can I control my Evo Slider with other elements? For example, I want to make a next and previous button.</h4>
					<a class="toggle-link toggle-open" href="#"></a>
					<div class="clear"></div>
				</div>
				<div class="toggle-content">	
					<p>You can control any Evo Slider with the API. Just reference the Evo Slider&#39;s element and 
					use one of the navigation commands. For example:</p>
					<pre>
var mySlider = $(".evoslider").evoSlider();

// using outside control
$("#next").click(function(){
    mySlider.next();
});
					</pre>
				</div>
			</div><!-- end toggle-container -->	
			
			<div class="toggle-container">
				<div class="toggle-header">
					<h4>On how many websites can I use the PRO version of the plugin?</h4>
					<a class="toggle-link toggle-open" href="#"></a>
					<div class="clear"></div>
				</div>
				<div class="toggle-content">
				    <p>When you purchase the PRO version of Evo Slider you are granted use on a single website 
				    with the JavaScript library.
				    It is based on the Regular License of the CodeCanyon marketplace.
				    </p>
					<p>The Regular License could be used for any of the following:</p> 
					<ol>
					    <li>Single website (commercial, personal, or non-profit).</li>
					    <li>Single website for a client (commercial, personal, or non-profit).</li>
					    <li>Single intranet site project.</li>
					</ol>
				</div>
			</div><!-- end toggle-container -->		
			
									
		</div><!-- end main-content -->		
		
	<!-- Sidebar Content -->	
		<div id="sidebar" class="sb-right">		
					
			<h3>Latest News</h3>
			
			<div id="latestNews">
				
		    </div>
						
			<a href="http://evoslider.wordpress.com">More news</a>
		</div><!-- end sidebar -->
		<div class="clear"></div>
		
	</div><!-- end wrapper -->	
	<br />
	<div id="footer-bottom">
		<div id="footer-bottom-content">
		    
			<div id="copyright">
				<ul id="footer-nav">
				    <li><a href="./index.html">Home</a></li>
				    <li><a href="./features.html">Features</a></li>
				    <li><a href="./download.html">Download</a></li>
				    <li><a href="./demo.html">Demo</a></li>
				    <li><a href="./support.html">Help/Support</a></li>
			    </ul>
			    <br />	
				<p>Copyright &copy; 2012 Evo Slider. All rights reserved</p>
			</div><!-- end copyright -->	
		
			<ul class="social-links">
			    <li class="facebook" title="Facebook"><a target="_blank" href="http://www.facebook.com/evoslider"><img src="./img/social/facebook.png" alt="facebook" /></span></a></li>
			    <li class="twitter" title="Twitter"><a target="_blank" href="https://twitter.com/evoslider"><img src="img/social/twitter.png" /></span></a></li>
				<li class="rss" title="RSS Feed"><a target="_blank" href="http://feeds.feedburner.com/EvoSlider"><img src="./img/social/rss.png" /></a></li>
			</ul><!-- end social-links -->
			<div class="clear"></div>
		</div><!-- end footer-bottom-content -->
	</div><!-- end footer-bottom -->
	
</body>

</html>